.headerNavs {
    height: 80px;
    .heNavtabs {
        width: 1200px;
        margin: 0 auto;
        clear:both;
        .logins { 
            display: inline-block;
            padding: 0;
            margin-top: 25px;
           width: 283px;
           height: 27px;
           background: url(../../asserts/images/balance/BalancerFinance.png) no-repeat;
           background-size: 100% 100%;
           cursor: pointer;
        }
        .changeLanguge {
             box-sizing: border-box;
             float: right;
             display: table-cell;
             vertical-align: middle;
             li{
                box-sizing: border-box;
                background-size: 100%;
                color: #fff;
                display: inline-block;
                 line-height: 80px;
                text-align: center;
                 font-size: 18px;
                 cursor: pointer;
                 float: right;

                 span{
                    text-align: center;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 150px;
                 }

                 p{
                  
                     text-align: center;
                     font-size: 18px;
                     color: #fff;
                      a{
                          display: block;
                          color: #fff;
                      }
                 }
             }
             .personState {
                 height:30px;
                 p{
                     width:78px;
                     height:28px;
                    border:1px solid #b69961;
                    border-radius: 15px;
                 }
                 margin-left:10px;
             }
             li:hover {
                color: #b69961;
                a {
                    color: #b69961;
                }
            }
            .personState:hover{
                color: #1d1e22;
                background: #b69961;
                a {
                    color: #1d1e22;
                }
            }
            
             li:nth-child(1):hover{
                 ul{
                     display:block;
                 }
             }
             li.showlogins{
                position: relative;
                min-width: 150px;
                display: flex;
                 p{
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    width: 150px;
                    font-size: 18px;
                     color: #fff;
                     vertical-align: middle;
                     line-height: 80px;
                    text-align: left;
                 }
                 img{
                          display: inline-block;
                          width: 12px;
                          height: 8px;
                          padding-left: 8px;
                          margin-top: 17px;
                        }
                 ul {
                     display:none;
                     padding: 0;
                     position: absolute;
                     top: 60px;
                     left: 0;
                     z-index: 5;
                     background: rgba(64,113,225,.8);
                     border-radius:10px;
                     padding: 5px 0 10px;
                     li{
                         width: 180px;
                         margin: 5px 0 0 0;
                         height: 46px;
                         line-height: 46px;
                         text-align: center;
                         color: white;
                         font-size: 18px;
                         border-radius:0;
                         a{
                            color: white;
                             display: block;
                             width: 100%;
                             height: 100%;
                         }
                     }

                     li:hover{
                         background-color: #b69961;
                         color: #fff;
                         a{
                             color: #fff;
                         }
                     }
                 }
             }
             li.showlogins:hover{
                 background: none;
                 p{
                     background: none;
                 }
                 ul{
                     display: block;
                 }
             }
         }
    }
}
